﻿<!DOCTYPE html>
<html lang="zh-CN"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    
    <title>Miniblink - 小巧开源的浏览器控件</title>
    <meta name="keywords" content="miniblink,浏览器开发,Web开发,界面开发,控件开发,Qt控件,工业控件,金融控件,ERP,BS,CS,图表开发,嵌入式开发,界面设计,控件设计,图标设计,Delphi界面开发,WinForm界面开发">
    <meta name="description" content="miniblink是一款极致小巧的开源浏览器控件，可嵌入各种软件中，提供浏览服务">
    <meta name="author" content="weolar">
    <link type="text/css" charset="utf-8" rel="stylesheet" href="./assets/css/animate.css">
    <link type="text/css" charset="utf-8" rel="stylesheet" href="./assets/css/global.css">
    <link type="text/css" charset="utf-8" rel="stylesheet" href="./assets/css/wap.css">
    <link href="./assets/css/navbar.css" rel="stylesheet">
    <link href="./assets/images/favicon.png" rel="shortcut icon">
</head>

<body data-spy="scroll" data-target="#header" oncopy="return false">
<!-- 头部 begin -->
<header class="header">
    <nav class="top-bar" aria-label="Primary">
	<div class="wrapper no-pad">
		<ul class="navigation">
			<li><a class="" href="https://github.com/weolar/miniblink49/releases" target="_blank">下载</a></li>
			<li><a class="" href="doc-main.html" target="_blank">文档</a></li>
			<li><a href="pricing/pricing.htm" target="_blank">付费版本</a></li>
			<li><a href="https://github.com/weolar/miniblink49/" target="_blank">Weolar's Github</a></li>
			<li><a href="https://github.com/gergul/MiniBlink/" target="_blank">Gergul's Github</a></li>
		</ul>
	</div>
</nav>
</header>

<!-- banner begin -->
<section class="banner_box" data-section="home">
    <div class="banner-wrap">
    	<h2 class=" wow animated fadeInUp animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
    		<div style="margin-top:60px;margin-bottom:120px">
    		<span style="font-size:70px;font-weight:900;color:#04abF1;">Miniblink </span><span style="font-size:32px;color:#ffffff;">小巧开源的浏览器控件</span><p/>
    		<span style="font-size:16px;font-weight:900;color:#ffffff;">全球最小的基于chromium的浏览器控件，没有之一</span>
    		</div>
    	</h2>
       <ul class="bannerUl  wow animated fadeInUp animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
       		<li><p>极致小巧的体积</p><p>C++，C#，Delphi等语言调用</p></li>
       		<li><p>内嵌Nodejs，支持electron</p><p>随心所欲的定制功能、模拟环境</p></li>
       		<li><p>支持Windows xp、npapi</p><p>完美支持各种H5效果</p></li>
       </ul>
        <div class="text_box">
            <div class="banner_link wow animated fadeInUp clearfix animated" data-wow-delay="0.8s" style="visibility: visible; animation-delay: 0.8s; animation-name: fadeInUp;">
                <a class="down_eva" href="https://github.com/weolar/miniblink49/releases" title="下载SDK" target="_blank">下载SDK</a>
                <a class="vieo_tech" href="doc-main.html" title="入门文档" target="_blank">入门文档</a>
            </div>
        </div>
    </div>
</section>

<!-- -->
<section class="why-uesr-mb-container">
	<div class="why-uesr-mb-title">为什么选择 Miniblink</div>
	<div class="why-mb-row">
		<div class="why-mb-col why-mb-col-api">
			<i class="why-mb-row-icon" style="background-position: -96px 0;"></i>
			<h4 class="why-mb-col-title">简洁的API，完善的文档</h4>
			<div class="why-mb-col-des">
				<p>易于使用的纯C API，轻松绑定到其他语言</p>
			</div>
		</div>
		<div class="why-mb-col why-mb-col-support">
			<i class="why-mb-row-icon" style="background-position: -64px 0;"></i>
			<h4 class="why-mb-col-title">强大的技术团队</h4>
			<div class="why-mb-col-des">
				<p>来自金山、猎豹等公司，及微信X5内核引擎组核心开发</p>
			</div>
		</div>
		<div class="why-mb-col why-mb-col-choice">
			<i class="why-mb-row-icon" style="background-position: -160px 0;"></i>
			<h4 class="why-mb-col-title">开发者的选择</h4>
			<div class="why-mb-col-des">
				<p>数百款商业级软件嵌入miniblink，稳定运行</p>
			</div>
		</div>
		<div class="why-mb-col why-mb-col-proven">
			<i class="why-mb-row-icon" style="background-position: -128px 0;"></i>
			<h4 class="why-mb-col-title">完善的技术支持，开放的技术氛围</h4>
			<div class="why-mb-col-des">
				<p>核心源码完全开放，全天候提供技术支持</p>
			</div>
		</div>
	</div>
	
	<div size=1 style="color:#aaaaaa;border-top:1px solid #aaaaaa;width:70%;margin:0 auto;" />
	<div class="why-uesr-mb-title why-uesr-mb-title2">Miniblink能用来做什么</div>
	
	<div class="howto-mb-row">
		<div class="howto-mb-col">
			<img src="assets/images/jxb-crossdesktop.png" alt="Cross-desktop Apps"><p/>
			<div class="howto-mb-strong">桌面 Apps UI</div>
			<small>使用web技术栈构建桌面Apps UI，开发效率更高，维护更简单</small>
		</div>
		
		<div class="howto-mb-col">
			<img src="assets/images/jxb-maps.png" alt="Cross-desktop Apps"><p/>
			<div class="howto-mb-strong">网络爬虫</div>
			<small>内置无头模式，实现爬虫更省内存，速度更快</small>
		</div>
		
		<div class="howto-mb-col">
			<img src="assets/images/jxb-autotesting.png" alt="Cross-desktop Apps"><p/>
			<div class="howto-mb-strong">web版功能本地化</div>
			<small>通过嵌入miniblink，实现打包web功能至本地应用。可实现财务报表、OA企业办公自动化系统</small>
		</div>
		
		<div class="howto-mb-col">
			<img src="assets/images/jxb-screenshots.png" alt="Cross-desktop Apps"><p/>
			<div class="howto-mb-strong">自动化测试、打印、保存至pdf</div>
			<small>即将支持打印、保存至pdf等功能</small>
		</div>
	</div>
	
</section>


<section class="feature_box">
    <div class="web_width feature_wrap">
        <div id="feature">
            <h2 class="title wow animated fadeInUp animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;"><span>功能特性</span></h2>
            <div class="i_line wow animated fadeInUp animated" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;"></div>
            <h3 class="title_en wow animated fadeInUp animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">Features</h3>
        </div>
        <div class="feature feature_easy clearfix" id="gn">
            <div class="feature_easy_box_left">
                <div class="feature_easy_text">
                    <div class="theme wow animated fadeInUp animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                        <h4>小巧、容易集成</h4>
                        <p>Miniblink压缩后仅几M左右的体积，只需一个dll，通过纯C接口，数行代码即可集成到各种软件</p>
                    </div>
                    <ul class="feature_ul">
                        <li class="wow animated fadeInUp animated" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">小巧，压缩后仅几M大小。</li>
                        <li class="wow animated fadeInUp animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">接口纯C，单线程，交互简单。</li>
                        <li class="wow animated fadeInUp animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">C++，C#，Delphi等调用方便，</li>
                    </ul>
                </div>
            </div>
            <div class="feature_easy_box_right">
                <div style="visibility: visible; animation-name: fadeInUp;">
                    <img src="./assets/images/Compo.png" >
                </div>
            </div>
        </div>
        <div class="feature feature_face clearfix" id="jm">
            <div class="feature_face_box_left">
                <div class=" face_text_box">
                    <div class="theme wow animated fadeInUp animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                        <h4>无比强大的功能、随心所欲的定制</h4>
                        <p>完善的HTML5支持，对各种前端库友好</p>
                    </div>
                    <ul class="feature_ul">
                        <li class="wow animated fadeInUp animated" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                            关闭跨域开关后，可以使用各种跨域功能。
                        </li>
                        <li class="wow animated fadeInUp animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInUp;">
                            整合融入nodejs，可以无缝使用nodejs各种开源框架。
                        </li>
                        <li class="wow animated fadeInUp animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
                        	网络资源拦截，替换任意网站任意js为本地文件。
                        </li>
						<li class="wow animated fadeInUp animated" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
                        	可无缝模拟移动环境。
                        </li>
                        <li class="wow animated fadeInUp animated" data-wow-delay="0.7s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
                        	新增headless模式，可以极大节省资源，用于爬虫。
                        </li>
                    </ul>
                </div>
            </div>
            <div class="feature_img_box_right">
                <div class="feature_img_box">
                    <img src="./assets/images/01.png" class="plane_1 wow animated fadeInUpplane animated" data-wow-delay="0s" style="visibility: visible; animation-delay: 0s; animation-name: fadeInUpplane;">
                    <img src="./assets/images/02.png" class="plane_2 wow animated fadeInDownplane animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInDownplane;">
                    <img src="./assets/images/03.png" class="plane_3 wow animated fadeInLeftplane animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.4s; animation-name: fadeInLeftplane;">
                    <img src="./assets/images/04.png" class="plane_4 wow animated fadeInLeftplane animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeftplane;">
                    <img src="./assets/images/05.png" class="plane_6 wow animated fadeInUpplat animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUpplat;">
                </div>
            </div>
        </div>
        
        <div class="feature feature_img clearfix" id="fimg">
            <div class="feature_img_box_left">
                <div class="feature_img_text ">
                    <div class="theme wow animated fadeInUp animated" data-wow-delay="0.2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInUp;">
                        <h4>支持electron模式</h4>
                        <p>可无缝替换原版electron</p>
                    </div>
                    <ul class="feature_ul">
                        <li class="wow animated fadeInUp animated" data-wow-delay="0.3s" style="visibility: visible; animation-delay: 0.3s; animation-name: fadeInUp;">
                            仅需3个文件，即可替代原版electron
                        </li>
                        <li class="wow animated fadeInUp animated" data-wow-delay="0.4s" style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInUp;">
                            体积仅为原版electron的二十分之一
                        </li>
                        <li class="wow animated fadeInUp animated" data-wow-delay="0.5s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
                            无缝替换原版，不需要改动js代码
                        </li>
						<li class="wow animated fadeInUp animated" data-wow-delay="0.6s" style="visibility: visible; animation-delay: 0.6s; animation-name: fadeInUp;">
                            支持windows xp
                        </li>
                    </ul>
                </div>

            </div>
				<div class="feature_face_box_right2">
                	<div style="visibility: visible; animation-name: fadeInUpface;">
                		<img src="./assets/images/electron.png" >
	                </div>
	            </div>

        </div>
        
        <div id="feature_a_details" class="wow animated fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
            <a class="more" href="doc-main.html?goto=what_is_mb" data-toggle="modal" data-target="#feature_more" target="_blank" title="了解更多功能特性">了解更多功能特性</a>
        </div>
    </div>
    <div class="header_height" data-section="price" id="price_nav"></div>
</section>


<!--资料下载 over-->
<footer class="footer" id="footer">
    <div class="container">
        <div class="rights  animated ">
            <span><span class="white">CopyRight &nbsp;</span>2018</span> <span>weolar@qq.com</span> <span>, 粤ICP备18103739号</span>
        </div>
    </div>
 
</footer>

</body>
</html>